<template>
  <div class="classify">
    <scroll class="content">
      <chou-ren class="chou"/>
      <div class="money" v-show="$store.state.totalPrice!==0">
        <div class="totP">
          <span style="">共计 {{$store.state.totalPrice}} 元,请扫码支付</span>
        </div>
        <img src="@/assets/img/money.jpg" alt="">

      </div>
    </scroll>
  </div>
</template>

<script>
  import ChouRen from "@/views/classify/ChouRen";
  import Scroll from "@/components/common/scroll/Scroll";
  export default {
    name: "classify",
    components:{
      ChouRen,
      Scroll
    }
  }
</script>

<style scoped>
  .classify {
    height: 100vh;
  }
  .content{
    height: calc(100% - 49px);
    overflow: hidden;
  }
  .chou{
    height: 250px;
  }
  .money{
    height: 320px;
    width: 300px;
    overflow: hidden;
  }
  .money img{
    height: 300px;
    width: 300px;
  }
  .totP{
    height: 20px;
    width: 300px;
    text-align: center;
    line-height: 20px;
  }
</style>
